<template>
	<div class="iconss">		
		<ul class="icons-ul">
			<li class="icons-li" v-for="(item,index) in IconList">
				<router-link :to="item.val">
					<img :src="item.imgUrl" />
					<p style="color: black;">{{item.title}}</p>
				</router-link>
			</li>
		</ul>		
	</div>
</template>

<script>
	export default{
		props:['IconList'],
		data(){
			return{
				
			}
		},		
	}
</script>

<style scoped>
	.iconss{
		background-color: white;
	}
	.icons-ul{
		width: 100%;		
	}
	.icons-li{
		width: 20%;
		text-align: center;
		font-size: 0.27rem;
		float: left;
		margin-top: 0.3rem;
	}
	.icons-li p{
		margin-top: 0.1rem;
	}
	.icons-ul img{
		width: 70%;
	}
</style>
